import { StyleSheet } from 'react-native';

export const appStyles = StyleSheet.create({
  btn: {
    width: 'auto',
    height: 'auto',
  },
  bgPurple: {
    backgroundColor: '#F9D63B',
  },
  row: {
    width: '100%',
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
  alignCenter: {
    justifyContent: 'center',
    alignItems: 'center',
  },
  borderBottom: {
    borderBottomWidth: 1,
  },
  borderLeft: {
    borderLeftWidth: 1,
  },
  borderRight: {
    borderRightWidth: 1,
  },
  borderTop: {
    borderTopWidth: 1,
  },
  bgWhite: {
    backgroundColor: 'white',
  },
  bgViolet: {
    backgroundColor: '#4050B5',
  },
  bgLight: {
    backgroundColor: '#f5f5f5',
  },
  textWhite: {
    color: 'white',
  },
  bgPaleBlue: {
    backgroundColor: '#588BE6',
  },
  h44: {
    height: 44,
  },
  borderRadiusTop10: {
    borderTopLeftRadius: 10,
    borderTopRightRadius: 10,
  },

  avatarView: {
    width: 45,
    height: 45,
    borderRadius: 23,
    backgroundColor: 'white',
    overflow: 'hidden',
    justifyContent: 'center',
    alignItems: 'center',
  },
  avatar: {
    width: '100%',
    height: '100%',
  },
});


